// import React from "react";
// import { Image, StyleSheet, Text, View } from "react-native";


// //基础插槽
// // export default  function App() {
// //   return (
// //     <View>
// //       <Text>----------------</Text>
// //       <Text>父组件</Text>
// //       <Text>----------------</Text>
// //       <Child>
// //         <Text>父组件传过去的内容</Text>
// //       </Child>
// //       {/* <Child header={<Text>头部</Text>} /> */}
// //     </View>
// //   );
// // }
// // function Child({children}:{children:React.ReactNode}){
// // return <View> 
// //   <Text>***************</Text>
// // <Text>子组件</Text>
// // <>{children} </>
// //   <Text>***************</Text>
// // </View>
// // }
// //具名插槽
// // 父组件
// export default function App() {
//   return (
//     <View>
//       <Text>----------------</Text>
//       <Text>父组件</Text>
//       <Text>----------------</Text>
//       <Child header={<Text>头部</Text>} footer={<Text>尾部</Text>}/>
        
     
//     </View>
//   );
// }
// //子组件
// function Child({header,footer}:{header:React.ReactNode,footer:React.ReactNode}){
// return <View> 
//   <Text>***************</Text>
// <Text>子组件</Text>
// <>{header} </>
//   <Text>***************</Text>
//   <>{footer}</>
//   <Panel title="标题">
//     {/* <Text style={{color:'red'}}>测试一下</Text> */}
//     <Image style={styles.imgs} source={require('./src/assets/11.gif')} />
//     <Image style={styles.imgs} source={require('./src/assets/01.webp')} />
//     <Image style={styles.imgs} source={{uri:'https://img1.baidu.com/it/u=2237296770,4116696681&fm=253&fmt=auto&app=138&f=JPEG?w=1067&h=800'}}/>
//   </Panel>
// </View>
// }

// const Panel : React.FC<{title:string,children:React.ReactNode}> = ({title,children})=>{
//   return <View>
//     <Text style={styles.container}>{title}</Text>
//     {children}
//   </View>
// }
// const styles = StyleSheet.create({
//   container: {
//    color:'yellow'
//   },
//   imgs:{
//   width:100,
//   height:100
//   }
// });